<template>
  <div id="app">
    <div id="nav" v-if="$store.state.flgShow">
      <router-link to="/home" class="iconfont icon-zhinanzhen"></router-link>
      <router-link to="/his" class="iconfont icon-bijiben"></router-link>
      <router-link to="/about" class="iconfont icon-xiaoxi"></router-link>
      <router-link to="/user" class="iconfont icon-yonghu"></router-link>
    </div>
    
    <router-view/>
  </div>
</template>

<style lang="sass">
#nav
  width: 100%
  height: .49rem
  background: #fff
  position: fixed
  bottom: 0
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .5)
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .5)
  display: flex
  align-items: center
  justify-content: space-around
  z-index: 4
  a 
    color: #595959
    font-size: .25rem
    &.router-link-exact-active
      color: rgb(250,107,107)
// #nav {
  
  
//   a {
//     font-weight: bold;
//     color: #2c3e50;

//     &.router-link-exact-active {
//       color: #42b983;
//     }
//   }
// }
</style>
